<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="utf-8">

		<title>w0929_3_event</title>
		<style>
			.txt01 {
				border: 4px solid black;
			}
		</style>
		<script>
			/* -DOM(Document Object Model)-
			 : 웹 브라우저가 (HTML)페이지를 인식하는 방법
			 : Document객체와 관련된 객체의 집합
			 특정객체접근.조작(추가, 수정, 삭제)

			 //특정요소에 접근

			 //var uName=window.document.forms[0].elements[0];
			 //var uName=window.document.frm1.elements[0];
			 //var uName=document.getElementsByTagName("input")[0];
			 var uName=document.getElementsByClassName("txt01")[0];
			 
			 //생성
			 document.createElement()
			 document.createTextNode()
			 document.createAttribute()
			 document.createComment()
			 
			 //추가
			 element.appendChild()
			 */

			window.onload = function(){
				//h1이라는 ElementNode생성 <h1>
				var h = document.createElement("h1");
				//DOM이라는 textNode생성
				var textNode = document.createTextNode("DOM");
				//h1요소의 textNode를 추가 <h1>DOM</h1>
				h.appendChild(textNode);
				//<h1>DOM</h1>를 body요소의 자식요소로 추가 <body><h1>DOM</h1></body>
				document.body.appendChild(textNode);
			};
		</script>
	</head>

	<body>
		
	</body>
</html>
